<template>
  <div id="emoji">
    there is some thing
    <VEmojiPicker @select="selectEmoji"  v-show="showEmoji"></VEmojiPicker>
    yes yes yes
  </div>
</template>

<script>
import VEmojiPicker from 'v-emoji-picker';

export default {
  name: 'emoji',
  components: {
    VEmojiPicker
  },
  data: () => ({
    showEmoji:true
  }),
  methods: {
    selectEmoji(emoji) {
      console.log(emoji)
    }
  }
}
</script>
<style>
#emoji{
  margin-top: 80px;
}

</style>